<template>
    <div>
        <h4>id:{{ Id }}</h4>
        <h5>name:{{ Name }}</h5>
    </div>
</template>

<script lang="ts">
import { defineComponent,computed } from "vue";

export default defineComponent({
    name: "Item",
});
</script>

<script setup lang="ts">
    import {useRoute} from 'vue-router'
    const route = useRoute()
    const Id = computed(()=>{
        return route.params.id
    })
    const Name = computed(()=>{
        return route.params.name
    })
</script>

<style  scoped >
    
</style>